@import 'tailwindcss';
@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
	--background: #ffffff;
	--foreground: #171717;
}

@theme inline {
	--color-background: var(--background);
	--color-foreground: var(--foreground);
	--font-sans: var(--font-geist-sans);
	--font-mono: var(--font-geist-mono);
}

@media (prefers-color-scheme: dark) {
	:root {
		--background: #0a0a0a;
		--foreground: #ededed;
	}
}

body {
	background: var(--background);
	color: var(--foreground);
	font-family: Arial, Helvetica, sans-serif;
}

@layer components {
	h1 {
		@apply text-2xl font-bold my-4 text-gray-800;
	}
	h2 {
		@apply text-xl font-bold my-3 text-gray-800;
	}
	h3 {
		@apply text-lg font-bold my-2 text-gray-800;
	}
	h4 {
		@apply text-base font-bold my-1 text-gray-800;
	}
	h5 {
		@apply text-sm font-bold my-1 text-gray-800;
	}
	/* pre {
		@apply w-[calc(100vw-33rem)] overflow-auto max-h-30;
	} */
	.vector .bottom {
		@apply h-[calc(100vh-var(--spacing)*40)]
	}
}
.step-item .item-container::after {
	content: '';
	@apply h-full w-px absolute bg-blue-500 top-0 left-1 right-0 bottom-0;
}
.step-item a {
	@apply text-blue-600 underline;
}

/* a:hover::after,
a:focus::after {
  @apply w-full;
} */
#queryForm .ant-form-item {
	margin-bottom: 0;
}
#vec-form .ant-form-item{
	@apply mb-2;
}
#vec-form .ant-upload-list-item-container, #vec-form .ant-upload-select{
	@apply w-15 h-15;
}
*:focus-visible {
	outline: none;
	/* border: 1px solid #007bff; */
}
